/*https://blog.csdn.net/seafishyls/article/details/64444819*/

$--theme-color: #ffffff!global;
$--theme-border: #cccccc!global;

// 头部样式
@mixin header() {
  width: 750px;
  height: 112.5px;
  background-color: rgb(62,175,252);
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

// 单边框样式
@mixin border ($width, $type, $color, $direct) {
  border-#{$direct}-color: $color;
  border-#{$direct}-width: $width;
  border-#{$direct}-style: $type;
}

// 全边框样式
@mixin allBorder ($width, $type, $color) {
  @include border($width, $type, $color, top);
  @include border($width, $type, $color, bottom);
  @include border($width, $type, $color, left);
  @include border($width, $type, $color, right);
}

// 测试样式
.test {
  border-bottom-color: red;
  border-bottom-width: 10px;
  border-bottom-style: solid;
  border-top-color: red;
  border-top-width: 10px;
  border-top-style: solid;
}
